<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滨海基金 -新闻资讯管理</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script type="text/javascript"
	src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script src="js/common.js"></script>
<!-- 引入富文本编辑器 -->
<script src="js/plugins/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="js/fileUploadUtil.js"></script>
<style type="text/css">
/* dataTables列内容居中 */
.table>tbody>tr>td {
	text-align: center;
}

/* dataTables表头居中 */
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}
</style>
</head>
<body class="gray-bg">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						新闻资讯 <small>,列表</small>
					</h5>
				</div>
				<div class="ibox-content">
					<div class="input-group col-md-3"
						style="margin-top: 0px; positon: relative; float: left; bottom: -5px;">
						<input id="title" type="text" class="form-control "
							placeholder="请输入关键字（新闻标题）"/ > <span
							class="input-group-btn">
							<button onclick="Search()" class="btn btn-info btn-search">查询</button>
							<button class="btn btn-info btn-search" id="add"
								style="margin-left: 5px">添加</button>

						</span>
					</div>
					<table
						class="table table-striped table-bordered table-hover dataTables-example"
						id="dataTables-example">
						<thead>
							<tr style="height: 30px">
								<th style="width: 80px" align="center">序号</th>
								<th style="width: 200px" align="center">新闻标题</th>
								<th style="width: 200px" align="center">副标题</th>
								<th style="width: 300px" align="center">新闻内容</th>
								<th style="width: 130px" align="center">发布时间</th>
								<th style="width: 100px" align="center">发布部门</th>
								<th style="width: 200px" align="center">操作</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
		<div class="modal fade" id='addModal'>
			<div class="modal-dialog" style="width: 920px; height: 600px;">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss='modal'>×</button>

						<h2 class="modal-title" align="center" id="title2">添加新闻信息</h2>
					</div>

					<div class="modal-body" align="center">
						<form id="afficheForm" class="form-horizontal">

							<div class="form-group">
								<label class="col-sm-2 control-label">新闻标题<span
									style="color: red;">*</span>：
								</label>
								<div class="col-sm-9">
									<input type="hidden" id="newsId" name="newsId" /> <input
										type="hidden" id="newsState" name="newsState" value="1" /> <input
										type="hidden" id="oper" name="oper" value="新增" /> <input
										type="text" name="newsTitle" id="newsTitle"
										class="form-control" placeholder="请输入新闻标题">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">副标题：
								</label>
								<div class="col-sm-9"> <input
										type="text" name="newsDepict" id="newsDepict"
										class="form-control" placeholder="请输入副标题">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">发布时间<span
									style="color: red;">*</span>：
								</label>
								<div class="col-sm-9">
									<input type="text" name="date1" id="date1" class="form-control"
										onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
										placeholder="请选择发布时间" readonly="true">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">新闻缩略图：
								</label>
								<div class="col-sm-9">
									<input type="file" name="hotelImgFile" id="hotelImgFile1"
										class="form-control" multiple="multiple"
										style="display: none;"> <input type="hidden"
										name="picture" id="add_picture" /> <img id="openFile" alt=""
										src="img/error-img.png" onerror="this.src='img/error-img.png'"
										width="80" height="80" style="float: left;">
									<div class="input-append" id="cleraFile">
										<input id="photoCover" type="text" class="form-control"
											style="float: left; width: 144px" readonly="readonly">
										<a class="btn btn-default"
											style="border-radius: 0px; width: 50px; float: left;"
											onclick="$('input[id=hotelImgFile1]').click();">浏览</a> <a
											class="btn btn-default"
											style="border-radius: 0px; width: 50px; float: left; margin-left: 5px;"
											onclick="cleraFile()">清除</a>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">内容<span
									style="color: red;">*</span>：
								</label>
								<div class="col-sm-9" id="adddiv">
									<textarea name="newsContent" id="newsContent">
                                	
                                </textarea>
									<script>
										//把txetarea隐藏，富文本显示,等值设好，就把富文本的值赋给textarea进行提交。
										//用js提交，首先在表单设一个Id（myForm）
										CKEDITOR
												.replace(
														"newsContent",
														{
															height : 400,

															toolbar : [
																	//加粗     斜体，     下划线      穿过线      下标字        上标字
																	[
																			'Bold',
																			'Italic',
																			'Underline',
																			'Strike',
																			'Subscript',
																			'Superscript' ],
																	// 数字列表          实体列表            减小缩进    增大缩进
																	[
																			'NumberedList',
																			'BulletedList',
																			'-',
																			'Outdent',
																			'Indent' ],
																	//左对 齐             居中对齐          右对齐          两端对齐
																	[
																			'JustifyLeft',
																			'JustifyCenter',
																			'JustifyRight',
																			'JustifyBlock' ],
																	//超链接  取消超链接 锚点
																	[
																			'Image',
																			'Link',
																			'Unlink',
																			'Anchor' ],

																	// 样式       格式      字体    字体大小
																	[
																			'Styles',
																			'Format',
																			'Font',
																			'FontSize' ],
																	//文本颜色     背景颜色
																	[
																			'TextColor',
																			'BGColor' ],
																	//全屏           显示区块
																	[
																			'Maximize',
																			'ShowBlocks',
																			'-' ] ]
														});
									</script>
								</div>
							</div>
							<div class="modal-footer" align="center">
								<div align="center">
									<button type="button" class="btn btn-primary" id="btnAdd">确认</button>
									<button type="button" class="btn btn-primary" id="btnDetail"
										onclick="closeModal(addModal)">确认</button>
								</div>
							</div>
						</form>

					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		var table;
		$(function() {
			//提示信息
			var lang = {
				"sProcessing" : "<div style=\"float:right;width:50%\" >处理中...</div>",
				"sLengthMenu" : "每页 _MENU_ 项",
				"sZeroRecords" : "没有匹配结果",
				"sInfo" : "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
				"sInfoEmpty" : "当前显示第 0 至 0 项，共 0 项",
				"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
				"sInfoPostFix" : "",
				"sSearch" : "搜索:",
				"sUrl" : "",
				"sEmptyTable" : "表中数据为空",
				"sLoadingRecords" : "载入中...",
				"sInfoThousands" : ",",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上页",
					"sNext" : "下页",
					"sLast" : "末页",
					"sJump" : "跳转"
				},
				"oAria" : {
					"sSortAscending" : ": 以升序排列此列",
					"sSortDescending" : ": 以降序排列此列"
				}
			};

			//初始化表格
			table = $("#dataTables-example")
					.dataTable(
							{

								"fnDrawCallback" : function() {
									var api = this.api();
									var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
									api.column(0).nodes().each(
											function(cell, i) {
												cell.innerHTML = startIndex + i
														+ 1;
											});
								},
								language : lang, //提示信息
								autoWidth : false, //禁用自动调整列宽
								stripeClasses : [ "odd", "even" ], //为奇偶行加上样式，兼容不支持CSS伪类的场合
								processing : true, //隐藏加载提示,自行处理
								serverSide : true, //启用服务器端分页
								searching : false, //禁用原生搜索
								orderMulti : false, //启用多列排序
								order : [], //取消默认排序查询,否则复选框一列会出现小箭头
								renderer : "bootstrap", //渲染样式：Bootstrap和jquery-ui
								pagingType : "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
								"aLengthMenu" : [ 10 ],
								"bLengthChange" : false,//屏蔽tables的一页展示多少条记录的下拉列表
								ordering : false, //关闭排序图标
								ajax : function(data, callback, settings) {
									//封装请求参数
									var param = {};
									param.limit = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
									param.start = data.start;//开始的记录序号
									param.page = (data.start / data.length) + 1;//当前页码
									//param.darw=darw;  //计数器
									var activityTitle = $("#title").val()
											.trim();
									if (activityTitle != null
											&& activityTitle != "") {
										param.title = activityTitle
									}
									param.status = 1;
									param.sysnews = 1;//系统公告通知标记
									//console.log(param);
									//ajax请求数据
									$
											.ajax({
												type : "POST",
												url : "newsList.do",
												cache : false, //禁用缓存
												data : param, //传入组装的参数
												dataType : "json",
												success : function(result) {

													//console.log(result);
													//setTimeout仅为测试延迟效果
													setTimeout(
															function() {
																//封装返回数据
																var returnData = {};
																draw = result.draw;//后台返回的计数器
																returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
																returnData.recordsTotal = result.total;//返回数据全部记录
																returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
																returnData.data = result.data;//返回的数据列表

																//console.log(returnData);
																//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
																//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
																callback(returnData);
															}, 200);
												}
											});
								},
								//列表表头字段
								columns : [
										{
											"data" : null
										},
										{
											"data" : "newsTitle"
										},
										{
											"data" : "newsDepict"
										},
										{
											"data" : function(data) {
												return repaceStr(data.newsContent)
											}
										},
										{
											"data" : function(data) {

												/* if(data.releaseDate==null){
													return "";
												}
												return FormatDate(new Date(data.releaseDate)); */

												var date = new Date(
														data.createDate);
												var y = date.getFullYear();
												var m = date.getMonth() + 1;
												var hour = date.getHours();
												var minute = date.getMinutes();
												var second = date.getSeconds();
												m = m < 10 ? '0' + m : m;
												hour = hour < 10 ? '0' + hour
														: hour;
												minute = minute < 10 ? '0'
														+ minute : minute;
												second = second < 10 ? '0'
														+ second : second;
												var d = date.getDate();
												d = d < 10 ? ('0' + d) : d;
												return y + '-' + m + '-' + d
														+ " " + hour + ":"
														+ minute + ":" + second;
											}
										}, {
											"data" : "releaseDept"
										} ],
								columnDefs : [ {
									"targets" : [ 6 ], //第七列加一条 自定义列
									"data" : "newsId", //数据列名
									"render" : function(data, type, full) { //返回自定义的内容
										return "<a class=\"btn btn-info btn-xs\" onClick=\"detailActivity("
												+ data
												+ ");\">详细</a> "
												+ "<a class=\"btn btn-primary  btn-xs\" onClick=\"editActivity("
												+ data
												+ ");\">编辑</a> "
												+ "<a class=\"btn btn-danger  btn-xs\" onClick=\"delActivity("
												+ data + ");\">删除</a> ";
									}
								} ]
							})//.api();	

			$("#add").click(function() {
				CKEDITOR.instances.newsContent.setReadOnly(false);//设置文本编辑器，读取
				CKEDITOR.instances.newsContent.setData("");//设置文本编辑器，内容为空
				$('#newsTitle').removeAttr("disabled");
				$('#date1').removeAttr("disabled");
				$('#newsDepict').removeAttr("disabled");
				$('#newsContent').removeAttr("disabled");
				$('#newsTitle').val("");
				$('#newsId').val("");
				$('#date1').val("");
				$('#newsContent').val("");
				$("#newsDepict").val("");
				$("#hotelImgFile1").val("");
				$("#photoCover").val("");
				$("#add_picture").val("");
				$("#cleraFile").show();
				$("#openFile").hide();
				//$("#adddiv").show();
				$("#btnAdd").show();
				$("#btnDetail").hide();
				$("#addModal").modal("show");
				$("#oper").val("新增");
				$("#title2").html("添加新闻资讯");
			})
			//添加新闻操作
			$("#btnAdd").click(function() {
				//获取富文本框的值
				var ckeditorVal = CKEDITOR.instances.newsContent.getData();
				//将富文本的值设置进多行文本框
				$("#newsContent").val(ckeditorVal);
				var newsTitle = $("#newsTitle").val().trim();
				var date1 = $("#date1").val();
				var activityName = $("#newsTitle").val();
				var activityContent = $("#newsContent").val();
				if (activityName == "") {
					swal("温馨提示!", "请输入标题!", "error");
					return false;
				}
				if (date1 == "") {
					swal("温馨提示!", "请选择发布时间!", "error");
					return false;
				}
				if (activityContent == "") {
					swal("温馨提示!", "请输入内容!", "error");
					return false;
				}
				if ($("#oper").val() == "新增") {
					FileUpload("insertNews.do", "#afficheForm", function(data) {
						if (data.code == 0) {
							swal({
								title : "提示",
								text : "操作成功！",
								type : "success",
								confirmButtonText : "确定",
								closeOnConfirm : true
							}, function() {
								$("#addModal").modal("hide");
								Search();
							});

						} else {
							sweetAlert("提示", "操作失败,请刷新后重试!", "error");
						}
					}, function(loaded, total) {
						//可添加模版，提示正在上传；
					}, function() {

					}, function() {
						swal("提示!", "服务器访问失败!", "error");
					});
				} else {
					FileUpload("updateNews.do", "#afficheForm", function(data) {
						if (data.code == 0) {
							swal({
								title : "提示",
								text : "操作成功！",
								type : "success",
								confirmButtonText : "确定",
								closeOnConfirm : true
							}, function() {
								$("#addModal").modal("hide");
								Search();
							});

						} else {
							sweetAlert("提示", "操作失败,请刷新后重试!", "error");
						}
					}, function(loaded, total) {
						//可添加模版，提示正在上传；
					}, function() {

					}, function() {
						swal("提示!", "服务器访问失败!", "error");
					});
				}

			}); //添加公告 end

			//图片上传赋值事件
			$('input[id=hotelImgFile1]').change(function() {
				$('#photoCover').val($(this).val());
			});
			//选择头像之后的事件
			$("#hotelImgFile1").change(
					function() {
						var file = $("#hotelImgFile1");
						if(typeof(file[0].files[0])=="undefined"){return;}
						var suffix = file.val().substring(
								file.val().lastIndexOf(".") + 1,
								file.val().length).toLowerCase();
						var picture = file.val().substring(
								file.val().lastIndexOf("\\") + 1,
								file.val().length);
						var imageSize = file[0].files[0].size / 1024;//kb
						//JPG,JPEG,PNG,BMP,GIF格式
						if (suffix != "jpg" && suffix != "jpeg"
								&& suffix != "png" && suffix != "bmp"
								&& suffix != "gif") {
							file.val("");//清空
							$("#photoCover").val("");
							sweetAlert("提示",
									"仅支持10M以下JPG,JPEG,PNG,BMP,GIF格式图片!",
									"error");
						} else if (imageSize > 1024 * 10) { //仅支持5M内的图片
							file.val("");//清空
							$("#photoCover").val("");
							sweetAlert("提示", "图片文件的大小不能超过5M!", "error");
						} else {
							$("#photoCover").val(file.val());
						}

					});

		})
		function Search() {
			/* var oSettings = table.fnSettings();  
			oSettings._iDisplayStart = 0;  
			table.fnDraw(oSettings);   */
			table.fnDraw();
		}
		function delActivity(id) {
			swal({
				title : "您确定要删除这条信息吗",
				text : "删除后将无法恢复，请谨慎操作！",
				type : "warning",
				showCancelButton : true,
				confirmButtonColor : "#DD6B55",
				confirmButtonText : "删除",
				cancelButtonText : "取消",
				closeOnConfirm : false
			}, function() {

				$.ajax({
					url : "delNews.do",
					data : {
						id : id
					},
					type : "post",
					dataType : "json",
					success : function(result) {
						if (result.code == 0) {
							swal({
								title : "提示",
								text : "删除成功！",
								type : "success",
								confirmButtonColor : "#DD6B55",
								confirmButtonText : "确定"
							}, function() {
								Search();
							});
						} else {
							sweetAlert("提示", "删除失败!", "error");
						}

					},
					error : function() {
						sweetAlert("异常", "网络出现异常!", "error");
					}

				});// ajax end;

			});
		}
		function editActivity(id) {
			$("#addModal").modal("show");
			CKEDITOR.instances.newsContent.setReadOnly(false);
			$('#newsTitle').removeAttr("disabled");
			$('#date1').removeAttr("disabled");
			$('#newsContent').removeAttr("disabled");
			$('#newsDepict').removeAttr("disabled");
			$("#newsDepict").val("");
			$("#cleraFile").show();
			$("#openFile").hide();
			//$("#adddiv").show();
			$("#btnAdd").show();
			$("#btnDetail").hide();
			$.ajax({
				url : "editNews.do",
				data : {
					id : id
				},
				type : "post",
				dataType : "json",
				success : function(result) {
					if (result.code == 0) {
						$("#title2").html("编辑新闻资讯");
						$("#oper").val("修改");
						$("#newsId").val(result.news.newsId);
						$("#newsTitle").val(result.news.newsTitle);
						$("#newsDepict").val(result.news.newsDepict);
						$("#date1").val(toDate(result.news.createDate));
						$('#add_picture').val(result.news.newsPicture);
						$('#photoCover').val(result.news.newsPicture);
						//$("#adddiv").append(result.news.newsContent)
						/* $("#newsContent").val(result.news.newsContent); */
						CKEDITOR.instances.newsContent.setData(result.news.newsContent);
						$("#editorID").val(result.news.newsContent); //对editor赋值
						//$("#newsContent").val(result.news.newsContent);					
						$("#btnAdd").val("修改");
					} else {
						sweetAlert("提示", "获取失败!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
		}
		function detailActivity(id) {
			$.ajax({
				url : "editNews.do",
				data : {
					id : id
				},
				type : "post",
				dataType : "json",
				success : function(result) {
					if (result.code == 0) {
						$("#title2").html("新闻资讯详情");
						$("#newsTitle").val(result.news.newsTitle);
						$("#newsDepict").val(result.news.newsDepict);
						$("#date1").val(toDate(result.news.createDate));
						$("#newsContent").val(result.news.newsContent);
						$('#newsDepict').attr("disabled", "disabled");
						$('#newsTitle').attr("disabled", "disabled");
						$('#openFile').attr("src", result.news.newsPicture);
						$('#date1').attr("disabled", "disabled");
						$('#newsContent').attr("disabled", "disabled");
						$("#cleraFile").hide();
						$("#openFile").show();
						//$("#adddiv").hide();
						CKEDITOR.instances.newsContent.setData(result.news.newsContent);
						CKEDITOR.instances.newsContent.setReadOnly();//设置文本编辑器，只读
						//$("#detaildiv").append(result.news.newsContent)
						$("#btnAdd").hide();
						$("#btnDetail").show();
						$("#addModal").modal("show");
					} else {
						sweetAlert("提示", "获取失败!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
		}
		/*  function toDate(data) {
			var date = new Date(data);
			var y = date.getFullYear();
			var m = date.getMonth() + 1;
			m = m < 10 ? '0' + m : m;
			var d = date.getDate();
			d = d < 10 ? ('0' + d) : d;
			return y + '-' + m + '-' + d;
		} */

		function updatenewsStatus(id, newsStatus) {
			if (newsStatus == 1) {
				newsStatus = 0;
			} else {
				newsStatus = 1;
			}
			$.ajax({
				url : "updatenewsStatus.do ",
				data : {
					id : id,
					newsStatus : newsStatus
				},
				type : "post",
				dataType : "json",
				success : function(result) {
					if (result.code == 1) {
						console.log(newsStatus)
						if (newsStatus == 1) {
							$("#newsStatus").text("禁用");
						} else {
							$("#newsStatus").text("启用");
						}
						swal("操作成功！", "", "success");
						Search();
					} else {
						sweetAlert("提示", "获取失败!", "error");
					}

				},
				error : function() {
					sweetAlert("异常", "网络出现异常!", "error");
				}

			});// ajax end;
		}
		function toDate(data) {
			var date = new Date(data);
			var y = date.getFullYear();
			var m = date.getMonth() + 1;
			var hour = date.getHours();
			var minute = date.getMinutes();
			var second = date.getSeconds();
			m = m < 10 ? '0' + m : m;
			var d = date.getDate();
			d = d < 10 ? ('0' + d) : d;
			hour = hour < 10 ? '0' + hour : hour;
			minute = minute < 10 ? '0' + minute : minute;
			second = second < 10 ? '0' + second : second;
			return y + '-' + m + '-' + d + " " + hour + ":" + minute + ":"
					+ second;
		}
		//关闭模态框方法
		function closeModal(modal) {
			$(modal).modal("hide");
		}
		//去掉html标识符
		function repaceStr(str) {
			String.prototype.stripHTML = function() {
				var reTag = /<(?:.|\s)*?>/g;
				return this.replace(reTag, "");
			}
			var returnStr = str.stripHTML();
			if (returnStr.length > 20) {
				returnStr = returnStr.substring(0, 20) + "......";
			}
			return returnStr;
		}
		//清空文件
		function cleraFile(){
			$("#hotelImgFile1").val("");
			$("#photoCover").val("");
			$("#add_picture").val("");
		}
	</script>
</body>

</html>